.flow-container {
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	top: 0;
	overflow: hidden;
}

.flow-panzoom {
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	top: 0;
	overflow: visible;
	border: 5px dotted rgba(#CCC, .1);
}

.flowchart-area {
	position: absolute;
}

.flowchart-area .window {
	border: 1px solid #346789;
	box-shadow: 2px 2px 19px #aaa;
	-o-box-shadow: 2px 2px 19px #aaa;
	-webkit-box-shadow: 2px 2px 19px #aaa;
	-moz-box-shadow: 2px 2px 19px #aaa;
	-moz-border-radius: 0.5em;
	border-radius: 0.5em;
	opacity: 0.8;
	width: 80px;
	height: 80px;
	line-height: 80px;
	cursor: pointer;
	text-align: center;
	z-index: 20;
	position: absolute;
	background-color: #eeeeef;
	color: black;
	font-family: helvetica, sans-serif;
	padding: 0.5em;
	font-size: 0.9em;
	-webkit-transition: -webkit-box-shadow 0.15s ease-in;
	-moz-transition: -moz-box-shadow 0.15s ease-in;
	-o-transition: -o-box-shadow 0.15s ease-in;
	transition: box-shadow 0.15s ease-in;
}
.func-tool .window{
	border: 1px solid #346789;
	box-shadow: 2px 2px 19px #aaa;
	-o-box-shadow: 2px 2px 19px #aaa;
	-webkit-box-shadow: 2px 2px 19px #aaa;
	-moz-box-shadow: 2px 2px 19px #aaa;
	-moz-border-radius: 0.5em;
	border-radius: 0.5em;
	opacity: 0.8;
	width: 80px;
	height: 80px;
	line-height: 80px;
	cursor: pointer;
	text-align: center;
	z-index: 20;
	background-color: #eeeeef;
	color: black;
	font-family: helvetica, sans-serif;
	padding: 0.5em;
	font-size: 0.9em;
	-webkit-transition: -webkit-box-shadow 0.15s ease-in;
	-moz-transition: -moz-box-shadow 0.15s ease-in;
	-o-transition: -o-box-shadow 0.15s ease-in;
	transition: box-shadow 0.15s ease-in;
}
.flowchart-area .window:hover {
	box-shadow: 2px 2px 19px #444;
	-o-box-shadow: 2px 2px 19px #444;
	-webkit-box-shadow: 2px 2px 19px #444;
	-moz-box-shadow: 2px 2px 19px #444;
	opacity: 0.6;
}

.flowchart-area .active {
	border: 1px dotted green;
}

.flowchart-area .hover {
	border: 1px dotted red;
}

.flowchart-area .jtk-connector {
	z-index: 4;
}

.flowchart-area .jtk-endpoint,
.endpointTargetLabel,
.endpointSourceLabel {
	z-index: 21;
	cursor: pointer;
}

.flowchart-area .aLabel ,.func-tool .aLabel{
	background-color: white;
	padding: 0.4em;
	font: 12px sans-serif;
	color: #444;
	z-index: 21;
	border: 1px dotted gray;
	opacity: 0.8;
	cursor: pointer;
}

.flowchart-area .aLabel.jtk-hover {
	background-color: #5C96BC;
	color: white;
	border: 1px solid white;
}

.window.jtk-connected {
	border: 1px solid green;
}

.jtk-drag {
	/*outline: 4px solid pink !important;*/
}

.jtk-endpoint {
	cursor: pointer;
}

.jtk-overlay {
	background-color: transparent;
}

.flowchart-area .node-start,.flowchart-area .node-end,
.func-tool .node-start,.func-tool .node-end{
	-moz-border-radius: 80px;
	border-radius: 80px;
	width: 80px;
	height: 30px;
	line-height: 30px;
}

.func-tool .window{
    display: inline-block;
    margin: 5px 1px;
    text-overflow: ellipsis;
    overflow: hidden;
    text-wrap:nowrap;
}
.func-list .func-item{
	height: 55px;
}
.func-list .func-item p{
    font-weight: 100;
}
